/* cate/index/index.wxss */
.side-bar-wrappe{
    height:100vh;
    display: flex;
}

.content {
    width:70%;
  }
  .small_nav{
    width:100%;
    padding:5rpx 0;
    font-size: 28rpx;
    background:white;
    z-index:1000;
  }
  .small_nav .small_scroll{
    display: inline-flex;
    white-space: nowrap;
    overflow: auto;
  }
  .small_nav text{
    display: inline-block;
    width:100rpx;
    padding:10rpx;
    border-radius: 10rpx;
    margin:0 10rpx;
    background:linear-gradient(to right,#cddaf7,#91b2f8);
  }
  .margin-16{
    margin:0 10rpx;
  }
.section {
    height:100%;
    
    padding: 32rpx 0;
  }
  
  .side-bar-wrapper .title {
    padding-left: 40rpx;
    margin-bottom: 8rpx;
    line-height: 52rpx;
  }
  .body{
      padding:20rpx;
  }
  .t-empty__image{
    width:280rpx;
    height:280rpx;
}
  .body_item{
      display: flex;
      width:100%;
      justify-content: space-between;
      padding-bottom:20rpx;
      border-bottom:1px solid #f8f8f8;
      margin-bottom:20rpx;
  }
  .body_item_left{
      width:30%;
      height:200rpx;
  }
  .body_item_left image{
      width:100%;
      height:200rpx;
      border-radius: 10rpx;
  }
  .body_item_right{
      width:68%;
      display:flex;
      flex-direction:column;
      font-size: 28rpx;
      justify-content: space-between;
  }
  .body_item_right .title{
      font-size: 28rpx;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      white-space:pre-line;
      width:100%;
  }
  .progress{
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .progress .t-progress{
      width:70%;
  }
  .progress .t-progress text{
    color:white;
    font-size: 22rpx;
  }
  .external-class-bar{
      font-size: 22rpx;
      color:red;
      border-radius: 100rpx;
  }
  .progress text.num{
      width:28%;
      color:#8b8b8b;
  }
  .item_price{
      font-size: 28rpx;
      color:#8b8b8b;
  }
  .item_price .price{
      font-size: 38rpx;
      font-weight: bold;
      color:red;
  }
  





  /*nav*/
.foot_nav{
    width:100%;
    height:110rpx;
    position:fixed;
    left:0;
    bottom:0;
    z-index:1000;
  }
  .foot_nav_body{
    width:100%;
    height:100%;
    display:flex;
    justify-content: space-between;
    align-items: center;
    background: white;
  }
  .foot_nav_item{
    width:25%;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .foot_nav_item .t-image{
    width:50rpx;
    height:50rpx;
  }
  .foot_nav_item text{
    margin-top:10rpx;
    font-size: 24rpx;
    color:#8b8b8b;
  }
  